---
group: 'components'
category: 'state'
title: LoadingOverlay
description: 'LoadingOverlay'
order: 1
---

## Basic Usage

The loading status is displayed above the content of the card.

```js live=true
() => (
  <Card style={{ width: '500px', height: '200px' }}>
    <LoadingOverlay visible />
      content
  </Card>
)
```
